<%-- 
    Document   : Search
    Created on : Dec 8, 2013, 1:29:52 AM
    Author     : lyhoang
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>


<!--Hien thi hinh anh dac trung-->
<div class="category-banner"><img src="images/sunglass.jpg" title="Banner" alt="Banner" />
</div><!--End Hien thi hinh anh dac trung-->

<!--Hien thi danh sach san pham-->
<div class="new-product-block">
    <ul class="product-grid">
        <li>
            <div class="pro-img"><img title="Freature Product" alt="Freature Product" src="images/default_img.png" />
            </div>
            <div class="pro-content">
                <p>
                    White Round Neck T-Shirt
                </p>
            </div>
            <div class="pro-price">
                $600.00
            </div>
            <div class="pro-btn-block">
                <a class="add-cart left" href="#" title="Add to Cart">Add to Cart</a>
                <a class="add-cart right quickCart inline" href="#quick-view-container" title="Quick View">Quick View</a>
            </div>
            <div class="pro-link-block">
                <a class="add-wishlist left" href="#" title="Add to wishlist">Add to wishlist</a>
                <a class="add-compare right" href="#" title="Add to Compare">Add to Compare</a>
                <div class="clearfix"></div>
            </div>
        </li>
        <li>
            <div class="pro-img"><img title="Freature Product" alt="Freature Product" src="images/default_img.png" />
            </div>
            <div class="pro-content">
                <p>
                    White Round Neck T-Shirt
                </p>
            </div>
            <div class="pro-price">
                $600.00
            </div>
            <div class="pro-btn-block">
                <a class="add-cart left" href="#" title="Add to Cart">Add to Cart</a>
                <a class="add-cart right quickCart inline" href="#quick-view-container" title="Quick View">Quick View</a>
            </div>
            <div class="pro-link-block">
                <a class="add-wishlist left" href="#" title="Add to wishlist">Add to wishlist</a>
                <a class="add-compare right" href="#" title="Add to Compare">Add to Compare</a>
                <div class="clearfix"></div>
            </div>
        </li>
        <li>
            <div class="pro-img"><img title="Freature Product" alt="Freature Product" src="images/default_img.png" />
            </div>
            <div class="pro-content">
                <p>
                    White Round Neck T-Shirt
                </p>
            </div>
            <div class="pro-price">
                $600.00
            </div>
            <div class="pro-btn-block">
                <a class="add-cart left" href="#" title="Add to Cart">Add to Cart</a>
                <a class="add-cart right quickCart inline" href="#quick-view-container" title="Quick View">Quick View</a>
            </div>
            <div class="pro-link-block">
                <a class="add-wishlist left" href="#" title="Add to wishlist">Add to wishlist</a>
                <a class="add-compare right" href="#" title="Add to Compare">Add to Compare</a>
                <div class="clearfix"></div>
            </div>
        </li>
        <li>
            <div class="pro-img"><img title="Freature Product" alt="Freature Product" src="images/default_img.png" />
            </div>
            <div class="pro-content">
                <p>
                    White Round Neck T-Shirt
                </p>
            </div>
            <div class="pro-price">
                $600.00
            </div>
            <div class="pro-btn-block">
                <a class="add-cart left" href="#" title="Add to Cart">Add to Cart</a>
                <a class="add-cart right quickCart inline" href="#quick-view-container" title="Quick View">Quick View</a>
            </div>
            <div class="pro-link-block">
                <a class="add-wishlist left" href="#" title="Add to wishlist">Add to wishlist</a>
                <a class="add-compare right" href="#" title="Add to Compare">Add to Compare</a>
                <div class="clearfix"></div>
            </div>
        </li>
    </ul>
</div><!--End Hien thi danh sach san pham-->

<!--Quy dinh phan dau cho viec hien thi-->
<div class="pager-container">

    <!--Phan dau-->
    <div class="pager">
        <!--So luong san pham-->
        <div class="show-items">
            6 Item(s)
        </div><!--End So luong san pham-->

        <!--So luong san pham muon hien thi-->
        <div class="show-per-page">
            <label>Show</label>
            <select>
                <option>09</option>
            </select>
        </div><!--End So luong san pham muon hien thi-->
    </div><!--End Phan dau-->

    <!---Sap xep su hien thi-->
    <div class="view-by-block">
        <ul class="view-by">
            <li>
                View as:
            </li>
            <li>
                <a href="#" title="Grid" class="grid">Grid</a>
            </li>
            <li>
                <a href="#" title="List" class="list">List</a>
            </li>
        </ul>
        <div class="short-by">
            <label>Sort By</label>
            <select>
                <option>Position</option>
            </select>
        </div>
    </div><!---End Sap xep su hien thi-->
</div><!--End Quy dinh phan dau cho viec hien thi-->

